<?php slot('header')?>
<style type="text/css">
	#faq-list  div.answer{
		display: block;
		padding: 2px 30px 2px 50px;
		font-size: 14px;
		display: none;
	}
	#faq-list  div.answer *,
	#faq-list  div.question *{
		font-size: 14px !important;
	}
	#faq-list  div.question > img{
		position: absolute;
		margin-left: -80px;
	}
	#faq-list  div.question{
		 min-height: 63px;
		 background: url(/css/daiviet/img/icon-plus.png)  center  right 10px no-repeat #ebe6d6;
		 padding: 2px 40px 2px 50px;
		 border-top: 1px solid #d8bc61;
		 font-size: 14px;
	}
	#faq-list  div.question.-expand{
		background: url(/css/daiviet/img/icon-sub.png)  center  right 10px no-repeat #ebe6d6;
	}
	#faq-list .item{
		margin: 10px 0px;
		padding: 0px 20px 0px 30px;
		line-height: 1.2em;
	}
	#faq-form form > div{
		margin-top: 15px;
	}
	#faq-form{
		width: 550px;
		margin: 0px auto 20px;
	}
	#faq-form label {
		width: 120px;
		display: inline-block;
	}
	#faq-form label.ctop{
		vertical-align: top;
	}
	#faq-form label.required::before{
		content: '* ';
		color: #f00;
		
	}
	#faq-form input,
	#faq-form textarea{
		width: 395px;
		height: 22px;
	}
	#faq-form textarea{
		height: 200px;
	}
	div.line{
		border-top: 1px solid #ccc;
		width: 720px;
		margin: 0px auto;
		padding: 10px 20px 0px;
		font-family: 'UTM Androgyne';
		color: #937110
	}
</style>
<script type="text/javascript">
$(function(){
	MAIN.setMenu('m-support');
	FORM.init();
	$('div.question').unbind('click').click(function(){
		var $ob = $(this);
		if($ob.hasClass('-expand')){
			$ob.next().hide('fast');
			$ob.removeClass('-expand');
		}else{
			$ob.addClass('-expand');
			$ob.next().show('fast');
		}
	});
});
function onSent(data){
	$data = $.parseJSON(data);
	if(parseInt($data.status,10) == 1){
		ERROR.clear();
		ERROR.add($data.message);
		ERROR.showSuccess();
		$('#faqFullName').val('');
		$('#faqComment').val('');
		$('#faqCaptcha').val('');
		$('img.captcha').trigger('click');
	}else{
		ERROR.clear();
		ERROR.add($data.message);
		ERROR.show();
		$('#faqCaptcha').val('');
		$('img.captcha').trigger('click');
	}
}
</script>
<?php end_slot()?>
<?php slot('rhead')?>
<?php include_component('componentUlti', 'slide')?>
<?php end_slot()?>
<div class="hline" style="border-top: 2px solid #fff"></div>
<div class="logo-none-slogan"></div>
<div class="p-title">Hỗ Trợ Kỹ Thuật</div>
<div class="content-padding">
	<?php echo (SysPages::getContent(SysPages::FAQ_NOTE))?>
</div>
<div class="content-padding" id="faq-list">
	<?php foreach($data['faqs'] as $val):?>
	<div class="item">
		<div class="question"><img src="/css/daiviet/img/icon-question.png"><?php echo ($val['question'])?></div>
		<div class="answer"><?php echo ($val['answer'])?></div>
	</div>
	<?php endforeach?>
	<div class="hz-clr"></div>
	<?php include_component('componentUlti', 'pagination', $data['pagination'])?>
</div>
<div class="line">
	Bạn vẫn chưa có được câu trả lời cho mình? Hãy gửi vấn đề của bạn cho chúng tôi.
</div>
<div class="content-padding" id="faq-form">
	<form id="fFAQ" name="fFAQ" action="?" method="post" class="form-horizal">
		<div>
			<label class="required">Họ tên của bạn</label>
			<input type="text" data-error="Tên của bạn ?" name="faqFullName" value="" class="hz-required" id="faqFullName"/>
		</div>
		<div>
			<label class="required ctop" >Vấn đề của bạn</label>
			<textarea data-error="Vấn đề của bạn ?" rows="6" cols="6" class="hz-required" name="faqComment" id="faqComment"></textarea>
		</div>
		<div>
			<label class="required">Mã bảo vệ</label>
			<input style="width: 140px;" type="text" placeholder="Nhập ký tự ở hình bên" data-error="Bạn hãy nhập mã bảo vệ !" name="faqCaptcha" value="" class="number hz-required captcha" id="faqCaptcha"/>
			<img title="Click vào đây để thay đổi mã bảo vệ" class="captcha" />
		</div>
		<div>
			<label>&nbsp;</label>
			<img style=" cursor: pointer" src="/css/daiviet/img/vi/faq-send.png" class="hz-submit-ajax" data-form-id="fFAQ" data-url="<?php echo url_for2('faq_question')?>" callback-after-success="onSent"/>
			<div class="hz-clr"></div>
		</div>
	</form>
</div>
	
		
